<div class="skill-card">
    <div class="skill-card-header">
        <div class="skill-card-icon" [style.background]="iconBackground" [style.clip-path]="iconClipPath" (mouseenter)="onHoverBegin()" (mouseleave)="onHoverEnd()"></div>
        <div class="skill-card-name">{{skill.name}}</div>
    </div>
    <skill-text class="skill-card-desc" [skill]="skill" [rank]="0" [desc]="skill.desc"></skill-text>
</div>
